<template name="filter_option_list">
    <!--
    <ul class="editableFilters">
        <li class="filterCardContainer editable reportsFilterCard" data-filtercmp="filterSingleSelectPicklistWidget" title="All accounts"
           >
            <div>
                <a class="filterCardEditor btn-filter-scope" href="javascript:void(0);">
                    <div class="filterCard">
                        <div class="header">
                            <span class="field">按所有者筛选&nbsp;</span>
                        </div>
                        <div class="filterCardBody">
                            <span class="uiOutputText">{{filterScope}} {{_ relatedObject.label}}</span>
                        </div>
                    </div>
                </a>
            </div>
        </li>
    </ul>
    {{#if filterItems.length}}
        <h3 class="bodyTitle">筛选条件</h3>
    {{/if}}-->
    <ul class="editableFilters {{#unless isFilterLogicEmpty}} showNumbers {{/unless}}">
        {{#each filterItems}}
        <li class="filterCardContainer editable reportsFilterCard filter-item {{#if this.is_required}} is-required {{/if}}">
            <a class="filterCardEditor filter-option-item" href="javascript:void(0);">
                <div class="filterCard">
                    <div class="header">
                        <span class="field">
                            {{#if this.field}} {{this.fieldlabel}} {{else}} {{_ "creator_list_new_filter"}} {{/if}}
                        </span>
                    </div>
                    {{#if this.valuelabel}}
                        <div class="filterCardBody">{{#if showOperationLabel this.operation}}{{getOperationLabel(this.operation)}}&nbsp;{{/if}}
                            <span class="uiOutputText">{{this.valuelabel}}</span>
                        </div>
                    {{/if}}
                </div>
            </a>
            {{> steedos_button className="slds-button_icon-small removeFilter"
                iconCategory="utility" iconName="close" iconClassName="slds-button__icon_hint" variant="icon"}}
        </li>
        {{/each}}
    </ul>
    <div class="slds-filters__footer slds-grid slds-shrink-none">
        <button class="slds-button_reset slds-text-link add-filter" href="javascript:void(0);">{{_ "creator_list_add_filter"}}</button>
        <button class="slds-button_reset slds-text-link slds-col_bump-left remove-all-filters" href="javascript:void(0);">{{_ "creator_list_remove_all_filters"}}</button>
    </div>
    {{#if filterItems.length}}
        <div class="filter-logic-container slds-p-around--small hide" style="background: #f3f2f2">
            <div class="filter-logic-title slds-p-bottom--x-small">
                {{#unless isFilterLogicEmpty}}
                    <span class="title">
                        <span class="slds-m-right--xx-small uiLabel">
                            高级筛选
                        </span>
                    </span>
                {{else}}
                    <a class="add_filter_logic">高级筛选</a>
                {{/unless}}
                <span class="logic-info {{#if isFilterLogicEmpty}}hidden{{/if}}" id="logic_logic">
                    <i class="ion ion-information-circled"></i>
                </span>
                {{#unless isFilterLogicEmpty}}
                    <a class="remove_filter_logic">取消</a>
                {{/unless}}
            </div>
            {{#unless isFilterLogicEmpty}}
            <div class="slds-form-element">
                <div class="slds-form-element__control">
                    <textarea id="filter-logic" cols="20" rows="3" maxlength="120" class="slds-textarea filterLogicText textarea uiInput uiInputTextArea uiInput--default uiInput--textarea">{{filter_logic}}</textarea>
                </div>
            </div>
            {{/unless}}
        </div>
    {{/if}}
    <div id="info_popover">
        您可以使用 AND 和 OR 运算符对以上筛选条件进行组合。默认的组合为全部 AND。
    </div>
</template>